<div class="page-sidebar navbar-collapse">
    <ul class="page-sidebar-menu  page-header-fixed page-sidebar-menu-hover-submenu page-sidebar-menu-closed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">
      <li class="nav-item start open htrd-c-menu-icon-list" ng-repeat="item in menuList" style="border-bottom: 1px solid #3c5478">
          <a href="javascript:;" class="nav-link nav-toggle" ng-click="routerChange(item)">
              <i class="{{item.icon}} htrd-l-icon"></i>
              <span class="title htrd-menu-title" ng-bind="item.title"></span>
              <span class="selected"></span>
              <span class="arrow open"></span>
          </a>
          <ul class="sub-menu">
              <li class="nav-item start active open htrd-hover" ng-repeat="childItem in item.childItems" ng-click="routerChange(childItem)" >
                  <a href="javascript: void(0);" class="nav-link ">
                      <i class="htrd-l-icon {{childItem.icon}}" ></i>
                      <span class="title" ng-bind="childItem.title"></span>
                      <span class="selected"></span>
                  </a>
              </li>
          </ul>
      </li>
  </ul>
</div>
